import { Section } from "@/components";
import styles from "./index.module.scss";
/**
 * 仿抖音logo的文字效果
 */
const TextError = () => {
  return (
    <Section dataBackground="#000" className={styles.wrapper}>
      <p style={{ fontSize: "16px" }}>
        mix-blend-mode: lighten 实现两段文字结构重叠部分为白色
      </p>

      <div className={styles.text_magic} data-word="CSSTextGlitch">
        <div className={styles.white}></div>
      </div>
    </Section>
  );
};

export default TextError;
